<style>
	.booking-confirm .control-label {
		font-weight: bolder;
	}
	
	.booking-confirm .amoutn-banner {
		color:red;
		position: absolute;
		line-height: 34px;
		padding-left:100px;
	}
	
	@media screen and (max-width: 640px) {
		.booking-confirm .amoutn-banner {
			padding-left:0px;
		}
	}
	
</style>
<div class="container">
	<h3>订单确认</h3>
	<div class="form" style="padding: 20px 0px;">
		<form class="form-horizontal form-row-seperated booking-confirm">
			<div class="form-body">
				<div class="form-group">
					<label  class="col-md-2 control-label">预订线路</label>
					<div class="col-md-8">
						<p class="form-control-static">{{booking.line.lineName}}【票价：{{booking.line.price | currency : '￥'}} 里程 : {{booking.line.mileage||'-'}} km】</p>
					</div>
				</div>
				<div class="form-group">
					<label  class="col-md-2 control-label">上车站点</label>
					<div class="col-md-8">
						<p ng-repeat="stop in booking.line.stops|filter:{stopType:'1'}" style="display:inline-block;padding-right: 10px;" class="form-control-static">
							{{stop.stopName}}
						</p>
					</div>
				</div>
				<div class="form-group">
					<label  class="col-md-2 control-label">下车站点</label>
					<div class="col-md-8">
						<p ng-repeat="stop in booking.line.stops|filter:{stopType:'2'}" style="display:inline-block;padding-right: 10px;" class="form-control-static">
							{{stop.stopName}}
						</p>
					</div>
				</div>
				<div class="form-group">
					<label  class="col-md-2 control-label">乘车时间</label>
					<div class="col-md-8">
						<p class="form-control-static">
							{{booking.plan.departTime}}
						</p>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">乘车日期</label>
					<div class="col-md-8">
						<p ng-repeat="date in booking.rideDates" style="display:inline-block;padding-right: 10px;" class="form-control-static">
							{{date}}
						</p>
					</div>
				</div>
				<div class="form-group">
					<label  class="col-md-2 control-label">预订乘客</label>
					<div class="col-md-10">
						<div class="col-md-12 form-group"  style="margin:10px 0px;padding: 0px;border: 1px solid #ddd;" ng-repeat = "passenger in booking.passengers">
							<label class="col-md-1 control-label">姓名</label>
							<div class="col-md-3">
								<p class="form-control-static">{{passenger.name}}</p>
							</div>
		
							<label class="col-md-1 control-label">手机</label>
							<div class="col-md-2">
								<p class="form-control-static">{{passenger.phone}}</p>
							</div>
							<label class="col-md-2 control-label">上车站点</label>
							<div class="col-md-3">
								<p class="form-control-static" ng-repeat="stop in booking.line.stops|filter:{stopId:passenger.onStopId}">{{stop.stopName}}</p>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label  class="col-md-2 control-label">小计</label>
					<div class="col-md-8">
						<p class="form-control-static">
							{{booking.line.price * booking.passengers.length * booking.rideDates.length | currency : '￥'}}
						</p>
					</div>
				</div>
				<div class="form-group" ng-if="booking.discounts && booking.discounts.length > 0">
					<label  class="col-md-2 control-label">折扣</label>
					<div class="col-md-8">
						<a class="form-control-static" style="padding: 5px 20px;color: #fff;margin-right: 20px;text-decoration: none;" href="javascript:void(0);"
							 ng-repeat = 'discount in booking.discounts'
							 ng-style = "{'background-color': booking.discount.discountId == discount.discountId ? '#ff8261' : '#aaa'}"
							 ng-click = "selectBookingDiscount(discount);">
							<i class="glyphicon glyphicon-ok" style="padding-right: 20px;" ng-if="booking.discount.discountId == discount.discountId"></i>
							<i class="glyphicon glyphicon-remove" style="padding-right: 20px;" ng-if="booking.discount.discountId != discount.discountId"></i>
							{{discount.discountName}}【{{discount.discountRate * 10}} 折】
						</a>
					</div>
				</div>
			</div>
			<div class="form-actions">
				<span class="amoutn-banner" ng-if="booking.discount && booking.discount.discountId">总计：{{booking.discount.discountAmount | currency : '￥'}}</span>
				<span class="amoutn-banner" ng-if="!booking.discount || !booking.discount.discountId">总计：{{booking.line.price * booking.passengers.length * booking.rideDates.length | currency : '￥'}}</span>
				<div class="text-center">
					<button type="button" ng-click="bookingPreStep();" class="btn btn-circle blue">上一步</button>
					<button type="button" ng-click="submitOrder();" class="btn btn-circle blue">提交订单</button>
				</div>

			</div>
		</form>
	</div>
</div>